<template>
    <el-steps :active="1" align-center >
      <el-step title="下单" description="2023-06-09 20:01:49"/>
      <el-step title="付款" description="" />
      <el-step title="发货" description="" />
      <el-step title="收货 " description="" />
      <el-step title="完成" description="" />
    </el-steps>

</template>

<script setup>
import {defineProps} from 'vue'
const props = defineProps({
  list: {
    type: Array,
    default: ()=> []
  },

})
</script>

<style lang="scss" scoped>
@import "@/assets/style/var";
.el-steps{
  width: 100%;
  background: #FFFFFF;
  padding: 10px;
  border-radius: 10px;
}
.el-step{
  //margin-right: 100px;
  text-align: center;
}

:deep(.is-finish){
  color:#509A80;
     .is-text{
    border:2px solid #509A80;
  }
}


</style>